<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body class="df fdc">
  <div class="contentBox f1 ofs">
    <!-- 轮播图 -->
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img class="img" src="../../assets/imgs/index-swiper-bg1.jpg" alt="">
        </div>
        <div class="swiper-slide">
          <img class="img" src="../../assets/imgs/index-swiper-bg2.jpg" alt="">
        </div>
        <div class="swiper-slide">
          <img class="img" src="../../assets/imgs/index-swiper-bg3.jpg" alt="">
        </div>
      </div>
      <div class="swiper-pagination"></div>
    </div>
    <div class="nameBox ">
      <div class="headBox df jcsb">
        <div class="df fa pr">
          <img class="imgBox" id="avatar">
          <img class="vip" src="../../assets/imgs/vip.png" alt="">

        </div>
        <div class="userBox  df jcsb">
          <div class="user"  id="userName">用户名</div>
          <a class="iconfontFa" href="./revise-user.html"><span class=" iconfont icon-xiayiyeqianjinchakangengduo"></span></a>
        </div>
      </div>
      <div class="personalBox df">
        <p>个性签名:</p>

        <div class="personal  " id="text">生活不像你想象得那么好</div>
      </div>


    </div>
    <!-- 打卡框 -->
    <div class=" dataBox dynamic df jcsb aic">
      <div class="leftBox df aic">
        <img class="clockImg"  src="../../assets/imgs/打卡.png" alt="">
        <div class="">累计打卡</div>
        <div id="day">23</div>
        <div>天</div>
      </div>
      <div class="clockBox asc" id="daka">
        今日打卡
      </div>
    </div>
    <div class="dynamic df jcsb ">
      <div class="leftBox df aic">
        <span class="iconfont icon-yingfengdongtai"></span>
        <div class="">个人动态</div>
      </div>
      <div class="rightBox df aic">
        <span id="circlesCount">10条</span>
        <a href="#"><span class=" iconfont icon-xiayiyeqianjinchakangengduo"></span></a>
      </div>
    </div>
    <div class="data dynamic df jcsb ">
      <div class="leftBox df aic">
        <span class="iconfont icon-data1"></span>
        <div class="">运动数据</div>
      </div>
      <div class="rightBox df aic">

        <a href="./sportdata.html"> <span class=" iconfont icon-xiayiyeqianjinchakangengduo"></span></a>
      </div>
    </div>
    <div class="datdBox df jcsb">
      <div class="dataLeft">
        <p>总运动</p>
        <span id="sumDuration">99999</span>
        <span>分钟</span>
      </div>
      <div class="line"></div>
      <div class="dataright">
        <p>本周消耗</p>
        <span id="sumCalorie">99999</span>
        <span>千卡</span>
      </div>
    </div>
    <div class="badge dynamic df jcsb ">
      <div class="leftBox df aic">
        <span id="icon" class="iconfont icon-huizhang"></span>
        <div class="">我的运动徽章</div>
      </div>
      <div class="rightBox df aic">

        <a href="#"> <span class=" iconfont icon-xiayiyeqianjinchakangengduo"></span></a>
      </div>
    </div>
    <div class="badgeIcon df jcsb">
      <div class="box1"></div>
      <div class="box1"></div>
      <div class="box1"></div>
    </div>
    <div class="loginBox df jcc">
      <div class="loginBtn">退出登录</div>
    </div>

  </div>






</body>

</html>